<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1. AJAX: Asynchronous Javascript And XML
        // 异步的 JavaScript 和 XML

        // ==> Ajax 最大的特性：异步 ==> 布局刷新页面

        // 2. 同步和异步
        // 同步：一件事情做完了再做下一件事情。顺序等待执行
        // 异步：做这件事的同时，还可以做其他事情，不需要等待

        // 如何理解这里的异步？
        // 当我们触发Ajax请求，用户仍可以在请求等待响应的时候工作（JS还可以做其他的）
        // 当服务器返回响应时，再运行回调来处理它

        // 4. 我们可以用Ajax来干嘛？
        // 我们可以用Ajax来与服务器通信
        // 在不刷新页面的情况下发送请求给服务器，接收并使用从服务器返回的数据，交换数据/更新页面（不刷新整个页面）
        
    </script>
</body>

</html>